<template>
  <div class="div1">
    <div class="div2">
      <div class="div3">
        <h3>用户个人信息授权书</h3>
      </div>
      <div class="div4">
        <strong>
          广东宝坤网络小额贷款有限公司、 （以下称为“贵司”）：
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;本人【
          <span class="text">{{ dataInfo.userInfo.idcardName?dataInfo.userInfo.idcardName:'' }}</span>
          】，身份证号码【
          <span class="text">{{ getIdcardNumber(dataInfo.userInfo.idcardNumber) }}</span>
          】,同意在本人申请使用贵司提供的相关产品和/或服务过程中，在涉及以下事项时：
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1、审核本人授信、分期购物、担保及贷款申请的；
          <br />
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2、审核本人作为担保人或共同还款人的资信情况；
          <br />
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3、受理法人、其他组织或自然人的授信、贷款申请及贷后风险管理时，需要查询本人作为法人、其他组织或自然人的法定代表人、出资人或关联方的信用状况的；
          <br />
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4、受理本人担任法定代表人、负责人或出资人的法人、商户或其他组织的特约商户开户申请，需要查询本人信用状况的；
          <br />
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;5、服务期间的相关风险控制与管理（包括贷后风险管理、额度管理）的目的；
          <br />
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;6、处理本人征信或其他信息异议。
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;就本人个人信息作出以下授权并清楚理解其含义：
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（1） 本人同意贵司有权搜集、保留、使用、加工本人与贵司办理上述业务或事项过程中主动提供以及使用产生的全部信息，包括但不限于本人姓名、身份证件类型、证件号码、手机号码、银行卡号、设备信息、日志信息等。
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（2） 本人同意授权贵司向如下第三方机构查询、打印、留存、使用本人的信息，包括但不限于身份信息、信用信息、通讯通信信息、交易、公共事业、缴税、借贷、财产信息、与本人有关的诉讼、执行、违法违规信息：
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1． 中国人民银行金融信用信息基础数据库、依法设立的征信机构（如百行征信有限公司、朴道征信有限公司、钱塘江征信有限公司）；
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2． 行政机关、事业单位、司法机关、监管部门、中国支付清算协会等有权部门、行业自律组织（包括但不限于中国互联网金融协会、深圳互联网金融协会等）等；
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3． 第三方数据服务公司；
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4． 其他合法留存本人信息的机构。
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（3） 本人同意授权贵司在授权有效期内可多次将本人信息用于与上述业务有关的身份验证、信息准确性验证、资格审核、信用评估、贷款催收、客户服务、安全防范、诈骗监测、存档和备份、风险管理等用途，以确保贵司提供的产品和服务的适当性和安全性。
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（4） 本人同意并授权贵司合作的上述第三方机构在为贵司提供查询、验证、处理服务过程中，该第三方机构可向本人或其他机构查询、收集、加工本人信息，并将处理后的信息提供给贵司。
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（5） 本人授权同意贵司有权基于本人风险管控的目的，将本人信息提供给贵司合作的机构以用于改进风控管理所需的基础技术测试分析、模型优化、效果分析、学术研究与调查等。
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（6） 本人同意当本人出现逾期还款时，贵司有权自行或委托第三方根据本人留存的联系方式及联系人对本人进行合法催收。
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（7） 以上授权的期限为本人作出本授权承诺之日起至本人在贵司办理或涉及的所有业务或事项终结且所有双方权利义务完全终止之日止。若业务终止后本人对所办理业务申请异议或投诉的，自异议或投诉处理完毕后授权期限终止。若本人在贵司处办理或涉及的业务未获批准，本人同意贵司继续保留此查询授权书原件和身份证复印件或影印件等资料。
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;特别提示:
          <br />
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;若本人与被授权人发生因本授权书而产生的任何纠纷或争议，首先应友好协商解决；协商不成的，本人同意将纠纷或争议提交至本授权书签署地（广东省汕头市龙湖区）有管辖权的人民法院诉讼解决。本授权书的成立、生效、履行、解释及纠纷解决，适用中华人民共和国大陆地区法律。
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;本人承诺本授权书生效后即不可撤销且具有独立性，不因相关业务合同或条款无效或被撤销而无效或失效。
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;本人已知悉本授权书全部内容的含义及因此产生的法律效力，自愿做出以上授权。本授权是本人真实意思表示，本人愿意承担由此带来的一切法律后果。
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;特此授权！
          <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          <br />
          <br />
          <br />
          <br />
          <div class="div5">
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;授权人姓名： 【
            <span class="text">{{ dataInfo.userInfo.idcardName?dataInfo.userInfo.idcardName:'' }}</span>
            】
            <br />
            <br />
            授权人身证号： 【<span class="text">{{ getIdcardNumber(dataInfo.userInfo.idcardNumber) }}</span>
            】
            <br />
            <br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日期： 【
            <span class="text">{{ getDate(dataInfo.contractInfo.createTime,"YYYY-MM-DD") }}</span>
            】
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
          </div>
        </strong>
      </div>
    </div>
  </div>
</template>
<script setup lang="ts">
  import { onMounted, ref } from 'vue';
  import { useRoute } from 'vue-router';
  import { findAgreementSign } from '@/api/protocolApi';
  import { findUser } from '@/api/user';
  import { encryptECB, decryptECB } from '@/utils/aes';
  import dayjs from 'dayjs';

  const route = useRoute();
  let getToken = route.query.dataToken ?? '';
  localStorage.setItem('token', getToken.toString());




  const dataInfo: any = ref({
    userInfo: {
      userName: ''
    },
    contractInfo: {
      contractNum: ''
    }
  });

  const getProtocolDetails = () => {
    findAgreementSign({
      agreementId: 9
    })
      .then((res: any) => {
        if (res.length > 0) {
          dataInfo.value.contractInfo = res[0];
        }
      })
      .finally(() => {});
  };
  getProtocolDetails();
  const goFindUser = () => {
    findUser({})
      .then((res: any) => {
        dataInfo.value.userInfo = res;
        dataInfo.value.userInfo.phone = decryptECB(dataInfo.value.userInfo.phone);
      })
      .finally(() => {});
  };
  goFindUser();

  const getIdcardNumber = (data) => {
    return data?decryptECB(data):''
  }

  const getDate = (data,type) => {
    return data ? dayjs(data).format(type) : '';
  };

</script>
<style lang="less" scoped>
  .div1 {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .div2 {
    width: 470px;
  }
  .div3 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
  }
  .div4 {
    font-size: 12px;
    line-height: 24px;
    position: relative;
  }
  .div5 {
    text-align: right;;
    width: 100%;
    position: absolute;
    right: 0;
    bottom: -200px;
  }
  .text {
    text-decoration: underline;
  }
</style>
